@import '../../../../sass/variables.scss';
@import '../../../../sprites/sprite_commonIcon';
@import '../../../sprites/sprite_page_icons';
.extract{
    .grid_row{
        line-height: 26px;
    }
    select{
        width: 180px;
        border-color: $gray_loginTop;
    }
    .fundNum{
        font-size: 18px;
        color: $danger;
        margin-right: 5px;
        vertical-align: middle;
    }
    .extractMoney,.num{
        font-size: 18px;
        color: $danger;
    }
    .refresh{
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
        height: 18px;
        line-height: 18px;
        background: $primary;
        border-radius: 3px;
        color: $white;
        font-size: 12px;
        padding: 4px 10px;
        .loadimg{
            display: none;
        }
        &.loading{
            background: $gray;
            color: $gray_dark;
            cursor: default;
            .loadimg{
                display: inline-block;
                width: 16px;
                vertical-align: middle;
            }
            .refreshIcon{
                display: none;
            }
        }
    }
    .refreshIcon{
        display: inline-block;
        margin-right: 2px;
        vertical-align: -2px;
        @include sprite($refresh1);
    }
    
    .remark{
        width: 243px;
        border: 1px solid $gray;
        padding: 5px 10px;
        line-height: 1.5;
        font-size: 14px;
        resize: none;
        &.disabled{
            background: $gray_bright;
            color: $text_muted;
            border-color: $gray_light;
        }
    }
    .acTips{
        margin: 0 20%;
        .icon{
            display: inline-block;
            vertical-align: -2px;
            @include sprite($tip);
        }
    }
    .what{
        display: inline-block;
        margin: 0 5px;
        @include sprite($what);
    }
    .alidCodeBtn{
        margin-left: 10px;
        height: 27px;
        line-height: 26px;
        padding: 0 10px;
    }
    .validLoadImg{
        display: inline-block;
        vertical-align: middle;
        width: 15px;
    }
}
.queryLoad{
    height: 250px;
    background: url(../../../images/loading.gif) no-repeat center;
}
.record{
    float: right;
    display: inline-block;
    margin-top: 10px;
    color: $primary;
    .icon{
        vertical-align: middle;
        display: inline-block;
        @include sprite($deposit);
    }
}
.h2_title{
    font-size: 20px;
    font-weight: normal;
    border-bottom: 1px solid $gray;
    padding-left: 20px;
    padding-bottom: 15px;
}
.hint{
    margin-top: 10px;
    line-height: 28px;
    padding-left: 10px;
    color: $primary;
    .primaryLink{
        text-decoration: underline;
        &:hover{
            text-decoration: none;
        }
    }
    .icon{
        display: inline-block;
        vertical-align: middle;
        @include sprite($tip);
    }
}
.tipBlock{
    clear: both;
    margin-top: 20px;
    padding: 10px 15px;
    background: $gray_bright;
    font-size: 14px;
    .label{
        color: $primary;
    }
    .icon{
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        @include sprite($tip);
    }
    ul{
        padding: 10px 5px;
    }
    li{
        list-style: outside decimal;
        margin: auto 19px 0 15px;
        line-height: 1.8;
        font-size: 12px;
        color: $text_muted;
    }
}